<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2021/1/23
  Time: 16:37
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>

<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">




    <title>会员注册</title>
    <meta name="description" content="AdminLTE2定制版">
    <meta name="keywords" content="AdminLTE2定制版">




    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <!-- Font Awesome -->
    <!-- Ionicons -->
    <!-- iCheck -->
    <!-- Morris chart -->
    <!-- jvectormap -->
    <!-- Date Picker -->
    <!-- Daterange picker -->
    <!-- Bootstrap time Picker -->
    <!--<link rel="stylesheet" href="../../../plugins/timepicker/bootstrap-timepicker.min.css">-->
    <!-- bootstrap wysihtml5 - text editor -->
    <!--数据表格-->
    <!-- 表格树 -->
    <!-- select2 -->
    <!-- Bootstrap Color Picker -->
    <!-- bootstrap wysihtml5 - text editor -->
    <!--bootstrap-markdown-->
    <!-- Theme style -->
    <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
    <!-- Ion Slider -->
    <!-- ion slider Nice -->
    <!-- bootstrap slider -->
    <!-- bootstrap-datetimepicker -->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->








    <!-- jQuery 2.2.3 -->
    <!-- jQuery UI 1.11.4 -->
    <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
    <!-- Bootstrap 3.3.6 -->
    <!-- Morris.js charts -->
    <!-- Sparkline -->
    <!-- jvectormap -->
    <!-- jQuery Knob Chart -->
    <!-- daterangepicker -->
    <!-- datepicker -->
    <!-- Bootstrap WYSIHTML5 -->
    <!-- Slimscroll -->
    <!-- FastClick -->
    <!-- iCheck -->
    <!-- AdminLTE App -->
    <!-- 表格树 -->
    <!-- select2 -->
    <!-- bootstrap color picker -->
    <!-- bootstrap time picker -->
    <!--<script src="../../../plugins/timepicker/bootstrap-timepicker.min.js"></script>-->
    <!-- Bootstrap WYSIHTML5 -->
    <!--bootstrap-markdown-->
    <!-- CK Editor -->
    <!-- InputMask -->
    <!-- DataTables -->
    <!-- ChartJS 1.0.1 -->
    <!-- FLOT CHARTS -->
    <!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized -->
    <!-- FLOT PIE PLUGIN - also used to draw donut charts -->
    <!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts -->
    <!-- jQuery Knob -->
    <!-- Sparkline -->
    <!-- Morris.js charts -->
    <!-- Ion Slider -->
    <!-- Bootstrap slider -->
    <!-- bootstrap-datetimepicker -->
    <!-- 页面meta /-->

    <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../plugins/ionicons/css/ionicons.min.css">
    <link rel="stylesheet" href="../plugins/iCheck/square/blue.css">
    <link rel="stylesheet" href="../plugins/morris/morris.css">
    <link rel="stylesheet" href="../plugins/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="../plugins/datepicker/datepicker3.css">
    <link rel="stylesheet" href="../plugins/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <link rel="stylesheet" href="../plugins/datatables/dataTables.bootstrap.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.css">
    <link rel="stylesheet" href="../plugins/treeTable/jquery.treetable.theme.default.css">
    <link rel="stylesheet" href="../plugins/select2/select2.css">
    <link rel="stylesheet" href="../plugins/colorpicker/bootstrap-colorpicker.min.css">
    <link rel="stylesheet" href="../plugins/bootstrap-markdown/css/bootstrap-markdown.min.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css">
    <link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.css">
    <link rel="stylesheet" href="../plugins/ionslider/ion.rangeSlider.skinNice.css">
    <link rel="stylesheet" href="../plugins/bootstrap-slider/slider.css">
    <link rel="stylesheet" href="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css">
</head>

<body class="hold-transition skin-purple sidebar-mini">

<div class="wrapper">

    <!-- 页面头部 -->

    <jsp:include page="header.jsp"></jsp:include>


    <!-- 页面头部 /-->

    <!-- 导航侧栏 -->
    <jsp:include page="aside.jsp"></jsp:include>
    <!-- 导航侧栏 /-->

    <!-- 内容区域 -->
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                添加超市会员
                <small>添加且完善信息</small>
            </h1>
            <!--<ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="#">Forms</a></li>
                <li class="active">General Elements</li>
            </ol>-->
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <!-- left column -->
                <div class="col-md-10">
                    <!-- general form elements -->
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">请填入基本信息：</h3>
                        </div>
                        <!-- /.box-header -->
                        <!-- form start -->
                        <form role="form" action="${pageContext.request.contextPath}/vipM/save.do" method="post" accept-charset="utf-8">
                            <div class="box-body">

                                <div class="form-group">
                                    <label for="name">名称：</label>
                                    <input type="text" class="form-control" name="name" id="name" placeholder="姓名">
                                </div>

                                <div class="form-group">
                                    <label for="accountnumber">账号：</label>
                                    <input type="text" class="form-control" name="accountnumber" id="accountnumber" placeholder="自定义账号">
                                </div>

                                <div class="form-group">
                                    <label for="contact">联系方式：</label>
                                    <input type="text" class="form-control" name="contact" id="contact" placeholder="联系方式">
                                </div>


                                <!--<div class="form-group">
                                    <label for="exampleInputFile">File input</label>
                                    <input type="file" id="exampleInputFile">

                                    <p class="help-block">Example block-level help text here.</p>
                                </div>-->
                                <!--<div class="checkbox">
                                    <label>
                <input type="checkbox"> Check me out
              </label>
                                </div>-->
                            </div>
                            <!-- /.box-body -->

                            <div class="box-footer">
                                <button type="submit" class="btn btn-primary">确认注册</button>
                            </div>
                        </form>
                    </div>
                    <!-- /.box -->


                    <!-- /.row
                </section>-->
                    <!-- /.content -->
                    <!--</div>-->
                    <!-- /.content-wrapper -->
                    <!-- 内容区域 /-->

                    <!-- 底部导航 -->
                    <jsp:include page="footer.jsp"></jsp:include>
                    <!-- 底部导航 /-->

                </div>



                <script src="../plugins/jQuery/jquery-2.2.3.min.js"></script>
                <script src="../plugins/jQueryUI/jquery-ui.min.js"></script>
                <script>
                    $.widget.bridge('uibutton', $.ui.button);
                </script>
                <script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
                <script src="../plugins/raphael/raphael-min.js"></script>
                <script src="../plugins/morris/morris.min.js"></script>
                <script src="../plugins/sparkline/jquery.sparkline.min.js"></script>
                <script src="../plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
                <script src="../plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
                <script src="../plugins/knob/jquery.knob.js"></script>
                <script src="../plugins/daterangepicker/moment.min.js"></script>
                <script src="../plugins/daterangepicker/daterangepicker.js"></script>
                <script src="../plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
                <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
                <script src="../plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
                <script src="../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
                <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
                <script src="../plugins/fastclick/fastclick.js"></script>
                <script src="../plugins/iCheck/icheck.min.js"></script>
                <script src="../plugins/adminLTE/js/app.min.js"></script>
                <script src="../plugins/treeTable/jquery.treetable.js"></script>
                <script src="../plugins/select2/select2.full.min.js"></script>
                <script src="../plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
                <script src="../plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
                <script src="../plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
                <script src="../plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
                <script src="../plugins/bootstrap-markdown/js/markdown.js"></script>
                <script src="../plugins/bootstrap-markdown/js/to-markdown.js"></script>
                <script src="../plugins/ckeditor/ckeditor.js"></script>
                <script src="../plugins/input-mask/jquery.inputmask.js"></script>
                <script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
                <script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
                <script src="../plugins/datatables/jquery.dataTables.min.js"></script>
                <script src="../plugins/datatables/dataTables.bootstrap.min.js"></script>
                <script src="../plugins/chartjs/Chart.min.js"></script>
                <script src="../plugins/flot/jquery.flot.min.js"></script>
                <script src="../plugins/flot/jquery.flot.resize.min.js"></script>
                <script src="../plugins/flot/jquery.flot.pie.min.js"></script>
                <script src="../plugins/flot/jquery.flot.categories.min.js"></script>
                <script src="../plugins/ionslider/ion.rangeSlider.min.js"></script>
                <script src="../plugins/bootstrap-slider/bootstrap-slider.js"></script>
                <script src="../plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>
                <script src="../plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
                <script>
                    $(document).ready(function() {
                        // 选择框
                        $(".select2").select2();

                        // WYSIHTML5编辑器
                        $(".textarea").wysihtml5({
                            locale: 'zh-CN'
                        });
                    });


                    // 设置激活菜单
                    function setSidebarActive(tagUri) {
                        var liObj = $("#" + tagUri);
                        if (liObj.length > 0) {
                            liObj.parent().parent().addClass("active");
                            liObj.addClass("active");
                        }
                    }


                    // 激活导航位置
                    setSidebarActive("form-general");
                </script>
</body>

</html>